body {
  background: #dddddd;
  padding-bottom: 20vw;
}
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 18.461538vw;
  background-color: #fff;
  padding: 0 3.846154vw 0 3.846154vw;
  overflow: hidden;
}
.header h3 {
  font-size: 5.384615vw;
  color: #616161;
}
.header button {
  color: #343434;
  border: 0;
  padding: 2.564103vw;
  border-radius: 1.282051vw;
}
.videoContSet {
  width: 94.358974vw;
  height: 113.333333vw;
  background-color: #fff;
  box-shadow: 0px 0.25641vw 1.282051vw 0px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  margin-top: 3.589744vw;
  padding-bottom: 8.717949vw;
  overflow: hidden;
  border-radius: 1.282051vw;
}
.videoContSet .tit_box {
  display: flex;
  width: 100%;
  height: 13.333333vw;
  align-items: center;
  padding-left: 3.589744vw;
  background-color: #fff;
  box-shadow: 0px 0.25641vw 0.25641vw 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 3.589744vw;
}
.videoContSet .tit_box h4 {
  font-size: 3.846154vw;
  color: #616161;
}
.videoContSet .videoContTitleSetBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  overflow: hidden;
  padding-bottom: 7.435897vw;
}
.videoContSet .videoContTitleSetBox h6 {
  font-size: 3.076923vw;
  color: #616161;
}
.videoContSet .videoContTitleSetBox .videoContText {
  width: 58.717949vw;
  height: 11.794872vw;
  font-size: 3.589744vw;
  margin-top: 1.794872vw;
  border-radius: 5px;
  color: #6f6f6f;
  padding: 0 1.282051vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.3);
}
.videoContSet .videoFileSetBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  overflow: hidden;
  padding-bottom: 7.435897vw;
}
.videoContSet .videoFileSetBox h6 {
  font-size: 3.076923vw;
  color: #616161;
  margin-bottom: 1.794872vw;
}
.videoContSet .videoFileSetBox .videoFileUrlSetBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 8.461538vw;
}
.videoContSet .videoFileSetBox .videoFileUrlSetBox .videoFileUrl {
  width: 58.717949vw;
  height: 11.794872vw;
  font-size: 3.589744vw;
  border-radius: 5px;
  color: #6f6f6f;
  padding: 0 1.282051vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.3);
}
.videoContSet .videoFileSetBox .videoFileUrlSetBox .uploadFile {
  width: 19.487179vw;
  height: 11.794872vw;
  color: #fff;
  font-size: 3.589744vw;
  box-shadow: 0px 0.769231vw 1.538462vw 0px rgba(0, 0, 0, 0.15);
  background-color: #8A8A8A;
  border: 0;
  border-radius: 2.307692vw;
}
.videoContSet .videoIntroInfoSetBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  padding-right: 8.461538vw;
  overflow: hidden;
  padding-bottom: 7.435897vw;
}
.videoContSet .videoIntroInfoSetBox h6 {
  font-size: 3.076923vw;
  color: #616161;
  margin-bottom: 1.794872vw;
}
.videoContSet .videoIntroInfoSetBox .videoIntroInfoText {
  width: 82.307692vw;
  height: 30.769231vw;
  color: #686868;
  font-size: 3.333333vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.15);
  border-radius: 1.282051vw;
  border: none;
  outline: none;
  padding: 1.282051vw;
}
.topicContentSetBox {
  width: 94.358974vw;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 0.25641vw 1.282051vw 0px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  margin-top: 7.435897vw;
  padding-bottom: 5.717949vw;
  overflow: hidden;
  border-radius: 1.282051vw;
}
.topicContentSetBox .tit_box {
  display: flex;
  width: 100%;
  height: 13.333333vw;
  align-items: center;
  padding-left: 3.589744vw;
  background-color: #fff;
  box-shadow: 0px 0.25641vw 0.25641vw 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 3.589744vw;
}
.topicContentSetBox .tit_box h4 {
  font-size: 3.846154vw;
  color: #616161;
}
.topicContentSetBox .topiceContBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  padding-right: 8.461538vw;
  overflow: hidden;
  padding-bottom: 5.435897vw;
}
.topicContentSetBox .topiceContBox h6 {
  font-size: 3.076923vw;
  color: #616161;
  margin-bottom: 1.794872vw;
}
.topicContentSetBox .topiceContBox .topicContText {
  width: 82.307692vw;
  height: 30.769231vw;
  color: #686868;
  font-size: 3.333333vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.15);
  border-radius: 1.282051vw;
  border: none;
  outline: none;
  padding: 1.282051vw;
}
.topicContentSetBox .topicOptionsBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  padding-right: 8.461538vw;
  overflow: hidden;
}
.topicContentSetBox .topicOptionsBox h6 {
  font-size: 3.076923vw;
  color: #616161;
  margin-bottom: 1.794872vw;
}
.topicContentSetBox .topicOptionsBox .optionsList {
  width: 82.307692vw;
  height: auto;
  margin: 0;
}
.topicContentSetBox .topicOptionsBox .optionsList .option {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 11.794872vw;
  overflow: hidden;
  margin-bottom: 3.589744vw;
  border-radius: 1.282051vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.15);
}
.topicContentSetBox .topicOptionsBox .optionsList .option .option_this {
  flex: 1;
  height: 100%;
  text-align: center;
  color: #7AD7FF;
  line-height: 11.794872vw;
  font-size: 4.615385vw;
}
.topicContentSetBox .topicOptionsBox .optionsList .option .optionText {
  width: 71.538462vw;
  height: 100%;
  font-size: 3.589744vw;
  color: #636363;
  border-left: 0.25641vw solid #e5e5e5;
  padding-left: 1.282051vw;
}
.teacherTopicSetBox {
  width: 94.358974vw;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 0.25641vw 1.282051vw 0px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  margin-top: 7.435897vw;
  padding-bottom: 5.717949vw;
  overflow: hidden;
  border-radius: 1.282051vw;
}
.teacherTopicSetBox .tit_box {
  display: flex;
  width: 100%;
  height: 13.333333vw;
  align-items: center;
  padding-left: 3.589744vw;
  background-color: #fff;
  box-shadow: 0px 0.25641vw 0.25641vw 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 3.589744vw;
}
.teacherTopicSetBox .tit_box h4 {
  font-size: 3.846154vw;
  color: #616161;
}
.teacherTopicSetBox .techerTopicInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  padding-right: 8.461538vw;
  overflow: hidden;
  padding-bottom: 4.358974vw;
}
.teacherTopicSetBox .techerTopicInfo h6 {
  font-size: 3.076923vw;
  color: #616161;
  margin-bottom: 1.794872vw;
}
.teacherTopicSetBox .techerTopicInfo .techerName {
  width: 58.717949vw;
  height: 11.794872vw;
  font-size: 3.589744vw;
  border-radius: 5px;
  color: #6f6f6f;
  padding: 0 1.282051vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.3);
}
.teacherTopicSetBox .topTag {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  padding-right: 8.461538vw;
  overflow: hidden;
  padding-bottom: 4.358974vw;
}
.teacherTopicSetBox .topTag h6 {
  font-size: 3.076923vw;
  color: #616161;
  margin-bottom: 1.794872vw;
}
.teacherTopicSetBox .topTag .tagInputBox {
  display: flex;
}
.teacherTopicSetBox .topTag .tagInputBox input {
  width: 36.153846vw;
  height: 11.794872vw;
  font-size: 3.589744vw;
  border-radius: 5px;
  color: #6f6f6f;
  padding: 0 2.282051vw;
  margin-right: 5.128205vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.3);
}
.teacherTopicSetBox .mainTopicSetBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  padding-right: 8.461538vw;
  overflow: hidden;
  padding-bottom: 4.358974vw;
}
.teacherTopicSetBox .mainTopicSetBox h6 {
  font-size: 3.076923vw;
  color: #616161;
  margin-bottom: 1.794872vw;
}
.teacherTopicSetBox .mainTopicSetBox .mainTecherTopicContText,
.teacherTopicSetBox .mainTopicSetBox .secTecherTopicContText {
  width: 82.307692vw;
  height: 30.769231vw;
  color: #686868;
  font-size: 3.333333vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.15);
  border-radius: 1.282051vw;
  border: none;
  outline: none;
  padding: 1.282051vw;
  margin-bottom: 7.692308vw;
}
.hotTelSetBox {
  width: 94.358974vw;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 0.25641vw 1.282051vw 0px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  margin-top: 7.435897vw;
  padding-bottom: 5.717949vw;
  overflow: hidden;
  border-radius: 1.282051vw;
}
.hotTelSetBox .tit_box {
  display: flex;
  width: 100%;
  height: 13.333333vw;
  align-items: center;
  padding-left: 3.589744vw;
  background-color: #fff;
  box-shadow: 0px 0.25641vw 0.25641vw 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 3.589744vw;
}
.hotTelSetBox .tit_box h4 {
  font-size: 3.846154vw;
  color: #616161;
}
.hotTelSetBox .hotTelNumBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.589744vw;
  padding-right: 8.461538vw;
  overflow: hidden;
  padding-bottom: 4.358974vw;
}
.hotTelSetBox .hotTelNumBox h6 {
  font-size: 3.076923vw;
  color: #616161;
  margin-bottom: 1.794872vw;
}
.hotTelSetBox .hotTelNumBox .hotTelNum {
  width: 43.589744vw;
  height: 11.794872vw;
  font-size: 3.589744vw;
  border-radius: 5px;
  color: #6f6f6f;
  padding: 0 1.282051vw;
  box-shadow: 0px 0.25641vw 0.512821vw 0px rgba(0, 0, 0, 0.3);
}
.sumbit {
  position: fixed;
  bottom: 13.076923vw;
  left: 71.538462vw;
  width: 25.641026vw;
  height: 25.641026vw;
  color: #fff;
  background-color: #009FFF;
  font-weight: bold;
  text-align: center;
  font-size: 4.358974vw;
  border-radius: 50%;
  letter-spacing: 1px;
  box-shadow: 0px 0.769231vw 1.538462vw 0px rgba(0, 0, 0, 0.15);
  border: none;
}
